<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>会员服务</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/myCss/head.css">
    <link rel="stylesheet" href="../css/myCss/popup.css">
    <link rel="stylesheet" href="../css/myCss/resPopup.css">
    <script src="../js/myJS/remJS.js"></script>
    <link rel="stylesheet" href="../css/myCss/footer.css">
    <link rel="stylesheet" href="../css/myCss/myReport.css">
    <link rel="stylesheet" href="../css/myCss/myInformation.css">
    <link rel="stylesheet" href="../css/myCss/registerRecord.css">
    <link rel="stylesheet" href="../css/myCss/membershipService.css">
    <link rel="stylesheet" href="../css/myCss/docTeam.css">
    <!--科室介绍与医疗服务子导航的样式-->
    <link rel="stylesheet" href="../css/myCss/departmentIntroduction.css">
    <link rel="stylesheet" href="../css/myCss/medicalService.css">
</head>
<body>

<div class="head" id="head">
    <div class="headLeft">
        <img src="../img/logoIcon.png"/>
    </div>
    <div class="headTitle">会员服务</div>
    <div class="headRight">
        <button type="button" class="headBtn">
            <img class="headBtnImg" src="../img/moreIcon.png"/>
        </button>
    </div>
</div>

<div class="memSer">
    <div class="memSer_nav">
        <ul id="RegisteredRecord" class="memSer_nav_item">
            <li>挂号记录挂号记录挂号记录挂号记录</li>
            <li class="memSer_nav_item_line"></li>
        </ul>
        <ul id="myReport" class="memSer_nav_item">
            <li>我的报告</li>
            <li class="memSer_nav_item_line"></li>
        </ul>
        <ul id="myInfo" class="memSer_nav_item">
            <li>我的信息</li>
            <li class="memSer_nav_item_line"></li>
        </ul>
    </div>
    <div class="merSer_content">
        <div class="content-myInfomation" id="myInfo_content">
            <div class="Infoma-row">
                <div class="Infoma-col">
                    <span class="Infoma-col-left">姓名</span>
                    <input type="text" id="myInfoName" disabled value="长木" class="Infoma-col-right">
                </div>
                <div class="Infoma-col">
                    <span class="Infoma-col-left">性别</span>
                    <input type="text" disabled value="男" class="Infoma-col-right">
                </div>
                <div class="Infoma-col">
                    <span class="Infoma-col-left">手机号码</span>
                    <input type="text" disabled value="15255552001" class="Infoma-col-right">
                </div>
                <div class="Infoma-col">
                    <span class="Infoma-col-left">身份证号</span>
                    <input type="text" disabled value="152452012325635230" class="Infoma-col-right">
                </div>
                <div class="Infoma-col">
                    <span class="Infoma-col-left">居住地址</span>
                    <input type="text" disabled value="广东深圳市龙岗区XXX楼XXX号" class="Infoma-col-right">
                </div>
            </div>
            <div class="modify">
                <button id="myInfoBtn">修改</button>
            </div>
        </div>
        <div class="content-myReport" id="myReport_content">
            <div class="myReport-cards">
                <a href="reportDetails.html">
                <div class="myReport-card">
                    <div class="card-head">
                        <span class="card-id">E12535682</span>
                        <span class="card-time">2019-2-10</span>
                    </div>
                    <div class="card-body noBorderBottom">
                        <div>
                            <span>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</span>
                            <span>长木</span>
                        </div>
                        <div>
                            <span>身份证号</span>
                            <span>452356758962356521</span>
                        </div>
                        <div>
                            <span>电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话</span>
                            <span>15222225356</span>
                        </div>
                        <div>
                            <span>科&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;室</span>
                            <span>深圳长木医疗诊所  儿童科</span>
                        </div>
                        <div>
                            <span>序列&nbsp;&nbsp;&nbsp;号</span>
                            <span>1522222</span>
                        </div>
                    </div>
                </div>
                </a>
                <a href="reportDetails.html">
                <div class="myReport-card">
                    <div class="card-head">
                        <span class="card-id">E12535682</span>
                        <span class="card-time">2019-2-10</span>
                    </div>
                    <div class="card-body noBorderBottom">
                        <div>
                            <span>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</span>
                            <span>长木</span>
                        </div>
                        <div>
                            <span>身份证号</span>
                            <span>452356758962356521</span>
                        </div>
                        <div>
                            <span>电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话</span>
                            <span>15222225356</span>
                        </div>
                        <div>
                            <span>科&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;室</span>
                            <span>深圳长木医疗诊所  儿童科</span>
                        </div>
                        <div>
                            <span>序列&nbsp;&nbsp;&nbsp;号</span>
                            <span>1522222</span>
                        </div>
                    </div>
                </div>
                </a>
                <a href="reportDetails.html">
                <div class="myReport-card">
                    <div class="card-head">
                        <span class="card-id">E12535682</span>
                        <span class="card-time">2019-2-10</span>
                    </div>
                    <div class="card-body noBorderBottom">
                        <div>
                            <span>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</span>
                            <span>长木</span>
                        </div>
                        <div>
                            <span>身份证号</span>
                            <span>452356758962356521</span>
                        </div>
                        <div>
                            <span>电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话</span>
                            <span>15222225356</span>
                        </div>
                        <div>
                            <span>科&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;室</span>
                            <span>深圳长木医疗诊所  儿童科</span>
                        </div>
                        <div>
                            <span>序列&nbsp;&nbsp;&nbsp;号</span>
                            <span>1522222</span>
                        </div>
                    </div>
                </div>
                </a>
            </div>
                </div>
        <div class="content-myReport" id="RegisteredRecord_content">
            <div class="myReport-cards">
                <div class="myReport-card">
                    <div class="card-head">
                        <span class="card-id">E12535682</span>
                        <span class="card-time-succeed">挂号成功</span>
                    </div>
                    <div class="card-body">
                        <div>
                            <span>就&nbsp;&nbsp;诊&nbsp;&nbsp;人</span>
                            <span>长木</span>
                        </div>
                        <div>
                            <span>身份证号</span>
                            <span>452356758962356521</span>
                        </div>
                        <div>
                            <span>电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话</span>
                            <span>15222225356</span>
                        </div>
                        <div>
                            <span>科&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;室</span>
                            <span>深圳长木医疗诊所  儿童科</span>
                        </div>
                        <div>
                            <span>医&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;生</span>
                            <span>李木</span>
                        </div>
                        <div>
                            <span>下单时间</span>
                            <span>2018-12-12  09:00:12</span>
                        </div>
                        <div>
                            <span>就诊时间</span>
                            <span>2018-12-12  09:00-12:00</span>
                        </div>
                        <div>
                            <span>留&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;言</span>
                            <span>李医生，久仰大名，希望今天的挂号能够成功。</span>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div>
                            <button class="btn btn-default register-succeed">取消预约</button>
                        </div>
                    </div>
                </div>
                <div class="myReport-card">
                    <div class="card-head">
                        <span class="card-id">E12535682</span>
                        <span class="card-time-expired">已过期</span>
                    </div>
                    <div class="card-body">
                        <div>
                            <span>就&nbsp;&nbsp;诊&nbsp;&nbsp;人</span>
                            <span>长木</span>
                        </div>
                        <div>
                            <span>身份证号</span>
                            <span>452356758962356521</span>
                        </div>
                        <div>
                            <span>电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话</span>
                            <span>15222225356</span>
                        </div>
                        <div>
                            <span>科&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;室</span>
                            <span>深圳长木医疗诊所  儿童科</span>
                        </div>
                        <div>
                            <span>医&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;生</span>
                            <span>李木</span>
                        </div>
                        <div>
                            <span>下单时间</span>
                            <span>2018-12-12  09:00:12</span>
                        </div>
                        <div>
                            <span>就诊时间</span>
                            <span>2018-12-12  09:00-12:00</span>
                        </div>
                        <div>
                            <span>留&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;言</span>
                            <span>李医生，久仰大名，希望今天的挂号能够成功。</span>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div>
                            <button class="btn btn-default register-delete">删除</button>
                        </div>
                    </div>
                </div>
                <div class="myReport-card">
                    <div class="card-head">
                        <span class="card-id">E12535682</span>
                        <span class="card-time-visiting">已就诊</span>
                    </div>
                    <div class="card-body">
                        <div>
                            <span>就&nbsp;&nbsp;诊&nbsp;&nbsp;人</span>
                            <span>长木</span>
                        </div>
                        <div>
                            <span>身份证号</span>
                            <span>452356758962356521</span>
                        </div>
                        <div>
                            <span>电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话</span>
                            <span>15222225356</span>
                        </div>
                        <div>
                            <span>科&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;室</span>
                            <span>深圳长木医疗诊所  儿童科</span>
                        </div>
                        <div>
                            <span>医&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;生</span>
                            <span>李木</span>
                        </div>
                        <div>
                            <span>下单时间</span>
                            <span>2018-12-12  09:00:12</span>
                        </div>
                        <div>
                            <span>就诊时间</span>
                            <span>2018-12-12  09:00-12:00</span>
                        </div>
                        <div>
                            <span>留&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;言</span>
                            <span>李医生，久仰大名，希望今天的挂号能够成功。</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--底部-->
<div class="footer">
    <div class="footerBackgroundImg" style="background:url('../img/footer/footerBackgroundImg.png');background-size:cover;background-position:center;background-repeat:no-repeat; ">
        <div class="contactUS">
            <ul>
                <li class="footer_title">联系我们</li>
                <li class="footer_contactUs_content">电话：400-888-8888</li>
                <li class="footer_contactUs_content">手机：15888885225</li>
                <li class="footer_contactUs_content">邮箱：123@163.com</li>
                <li class="footer_contactUs_content">总部地址：深圳市某某区某某路某某广场某号楼某号</li>
            </ul>
        </div>
        <div class="QRCode">
            <ul>
                <li><img src="../img/footer/footerErweimaImg.png"></li>
                <li>扫一扫关注公众号</li>
            </ul>
        </div>
    </div>
    <div class="footerBottom">
        <ul>
            <li>
                ©Copyright © 2018-2019
            </li>
            <li>
                www.xxxxxx.comAll rights reserved 版权所有
            </li>
        </ul>
    </div>
</div>

<!--菜单栏-->
<div id="popupTop" class="popup hidePopup popupAction">
    <!--顶部-->
    <div class="head">
        <div class="headLeft">
            <img src="../img/logoIcon.png"/>
        </div>
        <div class="headTitle">会员服务</div>
        <div class="headRight">
            <button type="button" class="headBtn">
                <img class="headBtnImg" src="../img/moreIcon.png"/>
            </button>
        </div>
    </div>
    <!--导航菜单栏-->
    <div id="menuContent">
        <div class="popupNav"><a id="popup0" href="../index.html">首页</a></div>
        <div class="popupNav"><a id="popup1" href="aboutUs.html">关于长木</a></div>
        <div class="popupNav"><a id="popup2" href="">医疗服务</a></div>
        <div class="popupNav"><a id="popup3" href="">科室介绍</a></div>
        <div class="popupNav"><a id="popup4" href="clinicDistribution.html">诊所分布</a></div>
        <div class="popupNav"><a id="popup5" href="healthDynamics.html">健康资讯</a></div>
        <div class="popupNav"><a id="popup6" href="membershipService.html">会员服务</a></div>
        <div class="popupLang">
            <div class="popupLangLeft">
                <ul>
                    <li>
                        <a href="#">中文</a>
                        <!--垂直线-->
                        <span class="popupVerticalLine"></span>
                        <a href="#">English</a>
                    </li>
                </ul>
            </div>
            <div class="popupLangRight">
                <ul>
                    <li>
                        <a href="register.html">注册</a>
                        <span class="popupVerticalLine"></span>
                        <a href="login.html">登录</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="popupSearch">
        <ul>
            <li>
                <!--放大镜图标-->
                <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                <!--手机的输入法中换行键变为搜索键-->
                <form class="formSearch" action='' onsubmit="return false;">
                    <!--焦点在文本框上时，将文本框移至最上方，同时显示取消按钮-->
                    <input id="popupText"  type="search" value="" placeholder="搜索专家/病症">
                </form>
                <!--文本框中不为空时显示搜索按钮，为空时显示取消按钮-->
                <button class="popupCancelButton" id="popupCancelButton">取消</button>
                <button class="popupSearchButton" id="popupSearchButton">搜索</button>
            </li>
        </ul>
    </div>
    <!--清除浮动效果-->
    <div style="clear: both"></div>
    <!--搜索时的提示-->
    <div id="searchTip">
        <ul class="searchContentTitle">
            <li>
                热门搜索
            </li>
        </ul>
        <!--提示内容-->
        <div class="searchContentTip">
            <ul>
                慢性病
            </ul>
            <ul>
                心血管病
            </ul>
            <ul>
                中医资讯
            </ul>
            <ul>
                肿瘤
            </ul>
        </div>
    </div>
    <!--医疗服务-->
    <div>
        <div class="container medSer">
            <div class="row medSerGroup">
                <a href="technicalTeam.html">
                    <ul class="col-xs-6 col-sm-6 subMedSer medSerLine_right">
                        <div class="subMedSerImg"
                             style="background: url('../img/medicalService/server_02_03.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></div>
                        <li>专家团队</li>
                    </ul>
                </a>
                <a href="crossMedical.html">
                    <ul class="col-xs-6 col-sm-6 subMedSer">
                        <div class="subMedSerImg"
                             style="background: url('../img/medicalService/hospital_08_03.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></div>
                        <li>国际医疗</li>
                    </ul>
                </a>
            </div>
            <div class="medSerLine_bottom"></div>
            <div class="row medSerGroup">
                <a href="familyDoctor.html">
                    <ul class="col-xs-6 col-sm-6 subMedSer medSerLine_right holdUpContent">
                        <div class="subMedSerImg"
                             style="background: url('../img/medicalService/hospital_05_03.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></div>
                        <li>家庭医生</li>
                    </ul>
                </a>
                <a href="chronicManagement.html">
                    <ul class="col-xs-6 col-sm-6 subMedSer holdUpContent">
                        <div class="subMedSerImg"
                             style="background: url('../img/medicalService/health_02_03.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></div>
                        <li>慢病管理</li>
                    </ul>
                </a>
            </div>
        </div>
    </div>
    <!--科室介绍-->
    <div class="container depIntro">
        <div class="row depIntro_group">
            <div class="col-xs-6 col-sm-6 depIntro_item">
                <a href="departmentIntroduction.html">
                    <ul>
                        <li class="depIntro_item_img"><img src="../img/keShiIcon/quankeIcon.png"/></li>
                        <li class="depIntro_item_title">全科</li>
                        <li class="depIntro_item_line"><span></span></li>
                        <li class="depIntro_item_English">General Practice</li>
                    </ul>
                </a>
            </div>
            <div class="col-xs-6 col-sm-6 depIntro_item depIntro_item_right">
                <a href="departmentIntroduction.html">
                    <ul>
                        <li class="depIntro_item_img"><img src="../img/keShiIcon/fukeIcon.png"/></li>
                        <li class="depIntro_item_title">妇科</li>
                        <li class="depIntro_item_line"></li>
                        <li class="depIntro_item_English">General Practice</li>
                    </ul>
                </a>
            </div>
        </div>
        <div class="row depIntro_group">
            <div class="col-xs-6 col-sm-6 depIntro_item">
                <a href="departmentIntroduction.html">
                    <ul>
                        <li class="depIntro_item_img"><img src="../img/keShiIcon/erkeIcon.png"/></li>
                        <li class="depIntro_item_title">儿科</li>
                        <li class="depIntro_item_line"><span></span></li>
                        <li class="depIntro_item_English">General Practice</li>
                    </ul>
                </a>
            </div>
            <div class="col-xs-6 col-sm-6 depIntro_item depIntro_item_right">
                <a href="departmentIntroduction.html">
                    <ul>
                        <li class="depIntro_item_img"><img src="../img/keShiIcon/xingxuegaunkeIcon.png"/></li>
                        <li class="depIntro_item_title">心血管科</li>
                        <li class="depIntro_item_line"><span></span></li>
                        <li class="depIntro_item_English">General Practice</li>
                    </ul>
                </a>
            </div>
        </div>
        <div class="row depIntro_group">
            <div class="col-xs-6 col-sm-6 depIntro_item">
                <a href="departmentIntroduction.html">
                    <ul>
                        <li class="depIntro_item_img"><img src="../img/keShiIcon/shengjingkeIcon.png"/></li>
                        <li class="depIntro_item_title">神经科</li>
                        <li class="depIntro_item_line"><span></span></li>
                        <li class="depIntro_item_English">General Practice</li>
                    </ul>
                </a>
            </div>
            <div class="col-xs-6 col-sm-6 depIntro_item depIntro_item_right">
                <a href="departmentIntroduction.html">
                    <ul>
                        <li class="depIntro_item_img"><img src="../img/keShiIcon/zhongliukeIcon.png"/></li>
                        <li class="depIntro_item_title">肿瘤科</li>
                        <li class="depIntro_item_line"><span></span></li>
                        <li class="depIntro_item_English">General Practice</li>
                    </ul>
                </a>
            </div>
        </div>
    </div>
</div>
<script src="../js/jquery-3.3.1.js"></script>
<script src="../js/bootstrap.js"></script>
<script src="../js/myJS/popupTop.js"></script>
<script src="../js/myJS/membershipService.js"></script>
<script src="../js/myJS/resPopup.js"></script>

</body>
</html>
